import {designPage} from "@peryl/react-compose";
import {useTableOption} from "../../modules/plain-design/useTableOption";
import {AutoTable, PlcDate, PlcInput, PlcOv} from "plain-design";

export default designPage(() => {

  const option = useTableOption({
    url: '/url_mapping',
    fill: true,
  });

  return () => <>
    <AutoTable option={option}>
      <PlcInput title="原始路径" field="sourcePath" required width={200} overflowTooltip/>
      <PlcInput title="目标路径" field="targetPath" required width={200} overflowTooltip/>
      <PlcOv title="所属系统" field="sys" ov="URL_MAPPING_SYS" required/>
      <PlcDate title="创建时间" field="createdAt" hideInForm width={180} editable={false} datetime/>
    </AutoTable>
  </>;
});
